<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="renderer" content="webkit">
		<title>layer皮肤-Moon</title>
		<link rel="stylesheet" href="pintuer.css">
		<link rel="stylesheet" href="demo.css" />
	</head>

	<body class="laycode">

		<div class="container margin-large-top">
			<div class="text-center margin-large-bottom">
				<h1>Layer皮肤-Moon</h3></div>
<p class="alert alert-red">打个广告：本站收费定制layer皮肤，有意者联系QQ：9073194注明 定制layer，另本站接受各种私单，欢迎骚扰</p>
			<h2 class="margin-big-bottom">下载Moon</h2>

			<p>
				<a href="moon1.1.zip" id="down" class="button bg-blue">下载</a>
				<a href="http://layer.layui.com" class="button bg-blue" target="_blank">layer官网</a>
			<a href="http://layer.layui.com/api.html" class="button bg-blue" target="_blank">layer文档</a>
			<a href="http://res.sentsin.com/download/layer-v1.9.3.zip" class="button bg-blue">layer下载</a>
			<a href="/" class="button bg-gray">返回首页</a>
			</p>

			<p class="text-gray text-small">本皮肤只能用于layer1.9版本，请使用前确认你的layer版本，另本站也推荐使用1.9的版本</p>
			<h2 class="margin-big-bottom">体验</h2>
			<p>
				<a href="javascript:;" id="demo" class="button bg-dot">初体验</a>
				<a href="javascript:;" id="confirm" class="button bg-dot">询问层</a>
				<a href="javascript:;" id="msg" class="button bg-dot">提示层</a>
				<a href="javascript:;" id="tips" class="button bg-dot">tips</a>
				<a href="javascript:;" id="iframe" class="button bg-dot">iframe层</a>
				<a href="javascript:;" id="tab" class="button bg-dot">tab层</a>
				<a href="javascript:;" id="prompt" class="button bg-dot">prompt层</a>
			</p>
			<h2 class="margin-big-bottom">说明</h2>

			<blockquote class="margin-big-bottom">
				<strong>修改记录  <small class="padding-left">2015-05-24</small> </strong>

				<ul class="list-box">
					<li>新增图标，替换layer默认图标，新图标大小为32px;</li>
					<li>更改按钮样式</li>
					<li>加title的底部border,以及关闭按钮样式</li>
					<li>除tips及页面层(自定义)外适配所有</li>
					<li>有什么bug请在下面留言</li>
				</ul>
			</blockquote>

			<blockquote>
				<strong>使用方法</strong>
				<p>1.下载下来压缩包之后解压到layer的skin目录即可</p>
				<p>2.下载之后使用下面代码加载css文件
					<pre class="code">layer.config({extend:'skin/moon/style.css'});</pre>
				</p>
				3全局使用请配置全局参数
				<pre class="code">
//在引入css的基础上配置skin参数，如下所示

layer.config({

	skin:'layer-ext-moon',

	extend:'skin/moon/style.css'

});</pre>
				<p>2.2局部使用 指定skin参数为layer-ext-moon 即可</p>
			</blockquote>
			
			<h2 class="margin-big-bottom margin-big-top">图标</h2>
		<div class="line-big">
		 <div class="xl1 xs1 xm1 xb1">
		 <div class="media-inline">
  <div class="media clearfix">
    <img src="layer/skin/moon/0.png" class="radius" alt="...">
    <div class="media-body text-center"><strong>ICO:0</strong></div>
  </div>
</div>
		</div>
		 <div class="xl1 xs1 xm1 xb1">
		 <div class="media-inline">
  <div class="media clearfix">
    <img src="layer/skin/moon/1.png" class="radius" alt="...">
    <div class="media-body text-center"><strong>ICO:1</strong></div>
  </div>
</div>
		</div>
		 <div class="xl1 xs1 xm1 xb1">
		 <div class="media-inline">
  <div class="media clearfix">
    <img src="layer/skin/moon/2.png" class="radius" alt="...">
    <div class="media-body text-center"><strong>ICO:2</strong></div>
  </div>
</div>
		</div>
		 <div class="xl1 xs1 xm1 xb1">
		 <div class="media-inline">
  <div class="media clearfix">
    <img src="layer/skin/moon/3.png" class="radius" alt="...">
    <div class="media-body text-center"><strong>ICO:3</strong></div>
  </div>
</div>
		</div>
		 <div class="xl1 xs1 xm1 xb1">
		 <div class="media-inline">
  <div class="media clearfix">
    <img src="layer/skin/moon/4.png" class="radius" alt="...">
    <div class="media-body text-center"><strong>ICO:4</strong></div>
  </div>
</div>
		</div>
		 <div class="xl1 xs1 xm1 xb1">
		 <div class="media-inline">
  <div class="media clearfix">
    <img src="layer/skin/moon/5.png" class="radius" alt="...">
    <div class="media-body text-center"><strong>ICO:5</strong></div>
  </div>
</div>
		</div>
		 <div class="xl1 xs1 xm1 xb1">
		 <div class="media-inline">
  <div class="media clearfix">
    <img src="layer/skin/moon/6.png" class="radius" alt="...">
    <div class="media-body text-center"><strong>ICO:6</strong></div>
  </div>
</div>
		</div>
		<div class="xl1 xs1 xm1 xb1">
		 <div class="media-inline">
  <div class="media clearfix">
    <img src="layer/skin/moon/7.png" class="radius" alt="...">
    <div class="media-body text-center"><strong>ICO:7</strong></div>
  </div>
</div>
		</div>
		</div>
		</div>
		<div class="container">
	<!-- 多说评论框 start -->
	<div class="ds-thread" data-thread-key="layer-moon" data-title="layer皮肤-moon" data-url="http://layer.seaning.com/moon.html"></div>
<!-- 多说评论框 end -->
<!-- 多说公共JS代码 start (一个网页只需插入一次) -->
<script type="text/javascript">
var debug=false;
if(!debug){
	var duoshuoQuery = {short_name:"moon"};
	(function() {
		var ds = document.createElement('script');
		ds.type = 'text/javascript';ds.async = true;
		ds.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') + '//static.duoshuo.com/embed.js';
		ds.charset = 'UTF-8';
		(document.getElementsByTagName('head')[0] 
		 || document.getElementsByTagName('body')[0]).appendChild(ds);
	})();
	var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "//hm.baidu.com/hm.js?2a449099f27543e543d749b0b59b7c03";
  var s = document.getElementsByTagName("script")[0]; 
  s.parentNode.insertBefore(hm, s);
})();
};
	</script>
<!-- 多说公共JS代码 end -->
</div><div id="footer" class="margin-large-top container text-center">
			Copyright © 2015 <a href="http://www.seaning.com">Seaning.com</a>
			<br>Powered by Seaning
		</div>
		<script src="jquery.js"></script>
		<script type="text/javascript" src="pintuer.js"></script>
		<script src="layer/layer.js"></script>
		<script type="text/javascript" src="laycode/laycode.js"></script>
		<script>
			 //全局配置
			layer.config({
				extend: ['skin/moon/style.css', 'extend/layer.ext.js'],
				skin: 'layer-ext-moon'
			});
		</script>
		<script type="text/javascript" src="demo.js"></script>
	</body>

</html>